<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小黑盒.游戏精选</title>
    <link rel="stylesheet" href="../css/gameFeatured.css">
    <link rel="stylesheet" href="../data/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/card.css">
    <script src="../js/gameFeatured.js"></script>
    <script src="../js/ajax.js"></script>
</head>

<body>
    <section>
        <header>
            <a href="./index.html" class="logo2">
                <div class="logo">
                    <img src="https://cdn.max-c.com/heybox/dailynews/img/686d755dbbe7ade419843d11766802b9.png" alt="">
                    <h1>
                        <p>小黑盒</p>
                        <p>H E Y B O X</p>
                    </h1>
                </div>
            </a>
            <nav>
                <ul>
                    <li>
                        <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">加速器</a>
                    </li>
                    <li>
                        <a href="">黑盒工坊</a>
                    </li>
                    <li>
                        <a href="">游戏精选</a>
                    </li>
                    <li>
                        <a href="">开放平台</a>
                    </li>
                </ul>
            </nav>
            <div class="search">
                <i class="iconfont icon-sousuo"></i>
            </div>
            <button id="login"><a href="./login.html  ">登录</a></button>
        </header>
        <main>
            <div class="container">
                <div class="con1">
                    <div class="type-one">
                        <h2>steam促销<span>更多></span></h2>
                    </div>
                    <div class="card-list">
                        <ul class="cuxiao">
                            
                        </ul>
                    </div>
                </div>
                <div class="con2">
                    <div class="type-one">
                        <h2>销量<span>更多></span></h2>
                    </div>
                    <div class="card-list xiaoliang">
                        <div class="left">
                            <div class="list">
                            
                            </div>
                        </div>
                        <div class="right">
                            
                        </div>
                        
                    </div>
                </div>
                <div class="con3">
                    <div class="type-one">
                        <h2>安利墙<span>更多></span></h2>
                    </div>
                    <div class="alwrapper">
                        <ul class="anli">
                            
                        </ul>
                    </div>
                </div>
                <div class="con4">
                    <div class="type-one">
                        <h2>为您推荐<span>更多></span></h2>
                    </div>
                    <div class="card-list">
                        <ul class="tuijian">
                            <li>
                                <div class="warpper">
                                    <div class="photo">
                                        <img src="https://cdn.max-c.com/heybox/game/header/1293830_MYqmW.jpg" alt="">
                                    </div>
                                    <h3>极限竞速：地平线4</h3>
                                    <div class="price">
                                        <span>
                                            <p>
                                                <i class="iconfont icon-steam"></i>
                                                <span>￥94</span>
                                                <span class="yj">￥188</span>
                                            </p>
                                        </span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                

        </main>
        <footer>
            <div class="container">
                <div class="left">
                    <div class="biao">
                        <a href="./index.html">
                            <div class="logo">
                                <img src="https://cdn.max-c.com/heybox/dailynews/img/686d755dbbe7ade419843d11766802b9.png"
                                    alt="">
                                <h1>
                                    <p>小黑盒</p>
                                    <p>H E Y B O X</p>
                                </h1>
                            </div>
                        </a>
                        <nav>
                            <ul>
                                <li>
                                    <a href="">关于我们</a>
                                </li>
                                <li>
                                    <a href="">联系我们</a>
                                </li>
                                <li>
                                    <a href="">假如我们</a>
                                </li>
                                <li>
                                    <a href="">开放平台</a>
                                </li>
                            </ul>
                        </nav>
                    </div>

                    <div class="copy-right">
                        <div class="copy-right1">
                            <p>清枫（北京）科技有限公司 2015-2021 © All Rights Reserved.</p>
                        </div>
                        <div class="copy-right2">
                            <p>京公网安备11010502034222号 | 京ICP备15018522号-6 | 京网文[2017]8080-895号 | 京ICP证B2-20180020</p>
                        </div>
                        <div class="copy-right3">
                            <p>违法和不良信息举报电话：010-84158300　举报邮箱：jubao@xiaoheihe.cn</p>
                        </div>
                    </div>
                </div>


                <div class="download">
                    <div class="dbtn download-app">
                        <div class="dlogo">
                            <img src="https://cdn.max-c.com/heybox/dailynews/img/686d755dbbe7ade419843d11766802b9.png"
                                alt="">
                        </div>
                        <div class="dinfo">
                            <p class="stitle">点击下载</p>
                            <p class="title">小黑盒APP</p>
                        </div>
                    </div>
                    <br>
                    <div class="dbtn download-acc ">
                        <div class="dlogo">
                            <img src="https://cdn.max-c.com/heybox/dailynews/img/fd621611cee81f3f3f1809f97dc869d8.png"
                                alt="">
                        </div>
                        <div class="dinfo">
                            <p class="stitle">点击下载</p>
                            <p class="title">小黑盒加速器</p>
                        </div>
                    </div>
                </div>
            </div>

        </footer>
    </section>

</body>

</html>